// 获取元素
// login
var headerLogin = document.querySelectorAll('.header_login')[0];

// header
var article = document.querySelectorAll('.article')[0];
var articleTitle = document.querySelectorAll('.article_title')[0];
var articleClassify = document.querySelectorAll('.article_classify')[0];
var articleContent = document.querySelectorAll('.article_content')[0];
var articleContinue = document.querySelectorAll('.article_continue')[0];
var articleTime = document.querySelectorAll('.article_time')[0];

// footer
var footer = document.querySelectorAll('.footer')[0];
var footerList = footer.querySelectorAll('.footer_list')[0];
var footerPages = footer.querySelectorAll('.footer_pages')[0];
var footerItems = footer.querySelectorAll('.footer_item')[0]

//hot
var hot = document.querySelectorAll('.hot')[0];
var hotList = hot.querySelectorAll('.hot_list')[0];


//commend
var commend = document.querySelectorAll('.commend')[0];
var commendList = commend.querySelectorAll('.commend_list')[0];

// 首页最新文章部分的填充
myAjax('GET', '/getArticle', null).then((data) => {
    // 前后端在交互的时候只能发送字符串
    var item = JSON.parse(data)[0];
    articleTitle.innerText = item.title;
    articleContent.innerText = item.content.slice(0, 100) + '...';
    articleTime.innerText = item.time;
    articleClassify.innerText = item.classify;
}).catch((err) => {
    console.log(err);
})

// 热度文章部分的填充
myAjax('GET', '/getHotArticleList', null).then((data) => {
    var list = JSON.parse(data);
    list.forEach((item, index) => {
        var li = document.createElement('li');
        li.className = 'hot_item';
        li.innerText = item.title;
        hotList.appendChild(li);
    })
}).catch((err) => {
    console.log(err);
})

// 最新评论部分的填充
myAjax('GET', '/getNewCommendList', null).then((data) => {
    var list = JSON.parse(data);
    // console.log(list);
    list.forEach((item, index) => {
        var li = document.createElement('li');
        li.className = 'commend_item';
        // console.log(item.commend);
        li.innerText = item.commend;
        commendList.appendChild(li);
    })
}).catch((err) => {
    console.log(err);
})

// 获取最新的5篇文章 根据页面的标号
myAjax('GET','/ArticleNums',null).then((data) => {
    var length = Math.ceil(parseInt(data)/5);
    // console.log(length);
    for(var i = 1; i <= length; i++) {
        var li = document.createElement('li');
        li.className = 'pages';
        li.innerText = i;
        footerPages.appendChild(li);
    }
}).catch((err) => {
    console.log(err);
})

// 最新五篇文章内容的填充
myAjax('GET','/getNewArticleList?page=1',null).then((data) => {
    var list = JSON.parse(data);
    // console.log(list);
    list.forEach((item,index) => {
        var li = document.createElement('li');
        li.className = 'footer_item';
        li.innerText = item.title;
        footerList.appendChild(li);
    })
}).catch((err) => {
    console.log(err);
})